<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1"><!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="icon" href="favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,300,400,500,700,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
    <title>Dashcore - Premium Software & Startup HTML</title><!-- themeforest:css -->
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/cookieconsent.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/odometer-theme-minimal.css">
    <link rel="stylesheet" href="css/prism-okaidia.css">
    <link rel="stylesheet" href="css/simplebar.css">
    <link rel="stylesheet" href="css/smart_wizard.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_arrows.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_circles.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_dots.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/theme.css">
    <link rel="stylesheet" href="css/rtl.css"><!-- endinject -->
</head>

<body>
    <!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
    <nav class="st-nav navbar main-nav navigation fixed-top">
        <div class="container">
            <ul class="st-nav-menu nav navbar-nav">
                <li class="st-nav-section nav-item"><a href="#main" class="navbar-brand"><img src="img/logo.png" alt="Dashcore" class="logo logo-sticky d-block d-md-none"></a></li>
                <li class="st-nav-section st-nav-primary nav-item"><a class="st-root-link item-products nav-link">Home </a><a class="st-root-link item-pages st-has-dropdown nav-link" data-dropdown="pages">Pages </a><a class="st-root-link item-blocks st-has-dropdown nav-link" data-dropdown="blocks">Blocks </a><a class="st-root-link item-components st-has-dropdown nav-link" data-dropdown="components">UI Components </a><a class="st-root-link item-blog st-has-dropdown nav-link" data-dropdown="blog">Blog </a><a class="st-root-link item-shop st-has-dropdown nav-link" href="shop/" data-dropdown="shop">Shop</a></li><!-- Mobile Navigation -->
                <li class="st-nav-section st-nav-mobile nav-item"><button class="st-root-link navbar-toggler" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                    <div class="st-popup">
                        <div class="st-popup-container"><a class="st-popup-close-button">Close</a>
                            <div class="st-dropdown-content-group">
                                <h4 class="text-uppercase regular">Pages</h4><a class="regular text-primary" href="about.html"><i class="far fa-building icon"></i> About </a><a class="regular text-success" href="contact.html"><i class="far fa-envelope icon"></i> Contact </a><a class="regular text-warning" href="pricing.html"><i class="fas fa-hand-holding-usd icon"></i> Pricing </a><a class="regular text-info" href="faqs.html"><i class="far fa-question-circle icon"></i> FAQs</a>
                            </div>
                            <div class="st-dropdown-content-group b-t bw-2">
                                <h4 class="text-uppercase regular">Components</h4>
                                <div class="row">
                                    <div class="col mr-4"><a target="_blank" href="components/alert.html">Alerts</a> <a target="_blank" href="components/badge.html">Badges</a> <a target="_blank" href="components/button.html">Buttons</a> <a target="_blank" href="components/color.html">Colors</a> <a target="_blank" href="components/accordion.html">Accordion</a> <a target="_blank" href="components/cookie-law.html">Cookielaw</a></div>
                                    <div class="col mr-4"><a target="_blank" href="components/overlay.html">Overlay</a> <a target="_blank" href="components/progress.html">Progress</a> <a target="_blank" href="components/lightbox.html">Lightbox</a> <a target="_blank" href="components/tab.html">Tabs</a> <a target="_blank" href="components/tables.html">Tables</a> <a target="_blank" href="components/typography.html">Typography</a></div>
                                </div>
                            </div>
                            <div class="st-dropdown-content-group bg-light b-t"><a target="_blank" href="components/wizard.html">Wizard <span class="badge badge-pill badge-primary">New</span></a></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="st-dropdown-root">
            <div class="st-dropdown-bg">
                <div class="st-alt-bg"></div>
            </div>
            <div class="st-dropdown-arrow"></div>
            <div class="st-dropdown-container">
                <div class="st-dropdown-section" data-dropdown="pages">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="mb-4">
                                <h3 class="text-darker light text-nowrap"><span class="bold regular">Useful pages</span> you'll need</h3>
                                <p class="text-secondary mt-0">Get a complete design stack</p>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">Error</h4>
                                        </li>
                                        <li><a target="_blank" href="403.html">403 Error</a></li>
                                        <li><a target="_blank" href="404.html">404 Error</a></li>
                                        <li><a target="_blank" href="405.html">405 Error</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">User</h4>
                                        </li>
                                        <li><a target="_blank" href="login.html">Login</a></li>
                                        <li><a target="_blank" href="register.html">Register</a></li>
                                        <li><a target="_blank" href="forgot.html">Forgot</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul>
                                        <li>
                                            <h4 class="text-uppercase regular">Extra</h4>
                                        </li>
                                        <li><a target="_blank" href="pricing.html">Pricing</a></li>
                                        <li><a target="_blank" href="terms.html">Terms</a></li>
                                        <li><a target="_blank" href="faqs.html">FAQ</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item bold" target="_blank" href="about.html"><i class="far fa-building icon"></i> About </a><a class="dropdown-item bold" target="_blank" href="contact.html"><i class="far fa-envelope icon"></i> Contact </a><a class="dropdown-item bold" target="_blank" href="pricing.html"><i class="fas fa-hand-holding-usd icon"></i> Pricing</a></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="blocks">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/call-to-action.html">Call to actions</a> <a class="dropdown-item" target="_blank" href="blocks/contact.html">Contact</a> <a class="dropdown-item" target="_blank" href="blocks/counter.html">Counters</a> <a class="dropdown-item" target="_blank" href="blocks/faqs.html">FAQs</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/footer.html">Footers</a> <a class="dropdown-item" target="_blank" href="blocks/form.html">Forms</a> <a class="dropdown-item" target="_blank" href="blocks/navbar.html">Navbar</a> <a class="dropdown-item" target="_blank" href="blocks/navigation.html">Navigation</a></div>
                                <div class="col"><a class="dropdown-item" target="_blank" href="blocks/pricing.html">Pricing</a> <a class="dropdown-item" target="_blank" href="blocks/slider.html">Sliders</a> <a class="dropdown-item" target="_blank" href="blocks/team.html">Team</a> <a class="dropdown-item" target="_blank" href="blocks/testimonial.html">Testimonials</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-long-arrow-alt-right icon"></i> Coming soon</h3>
                            <div class="ml-5"><span class="dropdown-item text-secondary">Dividers </span><span class="dropdown-item text-secondary">Gallery </span><span class="dropdown-item text-secondary">Screenshots</span></div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="components">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/color.html">
                                <div class="media align-items-center mb-2">
                                    <div class="bg-dark text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-palette"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Colors</h3>
                                        <p class="m-0 text-secondary">Get to know DashCore color options</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/form-controls.html">
                                <div class="media align-items-center mb-2">
                                    <div class="bg-secondary text-contrast icon-md center-flex rounded-circle mr-3"><i class="fab fa-wpforms"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Forms</h3>
                                        <p class="m-0 text-secondary">All forms elements</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/accordion.html">
                                <div class="media align-items-center mb-2">
                                    <div class="bg-success text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-bars"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Accordion</h3>
                                        <p class="m-0 text-secondary">Useful accordion elements</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/cookie-law.html">
                                <div class="media align-items-center mb-4">
                                    <div class="bg-info text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-cookie-bite"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">CookieLaw</h3>
                                        <p class="m-0 text-secondary">Comply with the hideous EU Cookie Law</p>
                                    </div>
                                </div>
                            </a>
                            <h4 class="text-uppercase regular">Huge components list</h4>
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/alert.html">Alerts</a> <a class="dropdown-item" target="_blank" href="components/badge.html">Badges</a> <a class="dropdown-item" target="_blank" href="components/button.html">Buttons</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/overlay.html">Overlay</a> <a class="dropdown-item" target="_blank" href="components/progress.html">Progress</a> <a class="dropdown-item" target="_blank" href="components/lightbox.html">Lightbox</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/tab.html">Tabs</a> <a class="dropdown-item" target="_blank" href="components/tables.html">Tables</a> <a class="dropdown-item" target="_blank" href="components/typography.html">Typography</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/wizard.html">Wizard <span class="badge badge-pill badge-primary">New</span></a> <span class="dropdown-item d-flex align-items-center text-muted">Timeline <i class="fas fa-ban ml-auto"></i></span> <span class="dropdown-item d-flex align-items-center text-muted">Process <i class="fas fa-ban ml-auto"></i></span></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="blog">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Full width</h4><a class="dropdown-item" target="_blank" href="blog/blog-post.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar left</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-left.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-left.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar right</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-right.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-right.html">Posts Grid</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="shop">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="shop/home.html">
                                <div class="media align-items-center">
                                    <div class="bg-success text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-basket"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Home</h3>
                                        <p class="m-0 text-secondary">Online store home with an outstanding UX</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="shop/cart.html">
                                <div class="media align-items-center">
                                    <div class="bg-info text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-cart"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Cart</h3>
                                        <p class="m-0 text-secondary">Online store shopping cart</p>
                                    </div>
                                </div>
                            </a></div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-money-check-alt icon"></i> Checkout</h3>
                            <div class="ml-5"><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-customer.html">Customer <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-shipping.html">Shipping Information <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-payment.html">Payment Methods <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-confirmation.html">Order Review <i class="fas fa-angle-right ml-2"></i></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <main>
        <header class="header section text-contrast overlay overlay-primary alpha-7 parallax cover" style="background-image: url(img/bg/sunrise.jpg);">
            <div class="container-fluid pb-9">
                <div class="row text-center">
                    <div class="col-12 col-lg-6 mx-auto"><img src="img/logo-light.png" alt="">
                        <h1 class="text-contrast bold display-4 display-md-3 text-capitalize mt-5">Meet DashCore</h1>
                        <p class="lead bold">Powerful Responsive SaaS, Startup & Software Template</p>
                        <nav class="nav d-flex justify-content-center mb-5 mt-7"><a href="https://themeforest.net/item/dashcore-saas-startup-software-template/22397137" class="btn btn-rounded btn-success px-4 mr-2 mr-md-5">Buy now <i class="fas fa-long-arrow-alt-right ml-2"></i></a> <a href="#demos" class="btn btn-rounded btn-outline-light scrollto px-4 mr-md-4">Explore demos</a> <a href="changelog.html" target="_blank" class="btn btn-rounded px-4 btn-contrast mt-2 mt-md-0">Review Changelog</a></nav>
                    </div>
                </div>
            </div>
        </header>
        <section class="section mt-n6">
            <div class="container pt-0">
                <div class="shadow bg-contrast p-4 rounded">
                    <div class="row gap-y text-center">
                        <div class="col-12 col-md-4 py-4 px-5 d-flex flex-column">
                            <div class="icon-shape mb-4"><img src="img/shps/bullets/1.svg" class="shape shape-xxl icon-xxl" alt="">
                                <div class="rounded-circle bg-primary shadow-3 p-3 d-flex align-items-center justify-content-center shadow icon-xl center-xy"><img src="img/demo/logo/bootstrap.svg" class="img-responsive" alt=""></div>
                            </div>
                            <h4 class="text-darker bold mt-3">Boostrap 4</h4>
                            <p class="mt-4">Powered with one of the most popular front-end CSS toolkits.</p>
                        </div>
                        <div class="col-12 col-md-4 py-4 px-5 d-flex flex-column">
                            <div class="icon-shape mb-4"><img src="img/shps/bullets/2.svg" class="shape shape-xxl icon-xxl" alt="">
                                <div class="rounded-circle gradient gradient-blue-purple shadow-4 p-3 d-flex align-items-center justify-content-center shadow icon-xl center-xy"><img src="img/demo/logo/webpack.svg" class="img-responsive" alt=""></div>
                            </div>
                            <h4 class="text-darker bold mt-3">Webpack</h4>
                            <p class="mt-4">Module Bundler for modern JavaScript applications.</p>
                        </div>
                        <div class="col-12 col-md-4 py-4 px-5 d-flex flex-column">
                            <div class="icon-shape mb-4"><img src="img/shps/bullets/3.svg" class="shape shape-xxl icon-xxl" alt="">
                                <div class="rounded-circle bg-info shadow-4 p-3 d-flex align-items-center justify-content-center shadow icon-xl center-xy"><img src="img/demo/logo/jquery.svg" class="img-responsive" alt=""></div>
                            </div>
                            <h4 class="text-darker bold mt-3">jQuery</h4>
                            <p class="mt-4">Flat HTML+jQuery old-fashion variations.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section" id="demos">
            <div class="container-fluid">
                <div class="section-heading text-center">
                    <h2>Demo Selection</h2>
                    <p class="lead text-secondary">DashCore comes with multiple demos, choose the one you want to give a try.</p>
                    <div class="text-center"><a href="angular" class="btn btn-danger btn-lg"><i class="fab fa-angular mr-2"></i> Check the Angular version</a></div>
                </div>
                <div class="row gap-y">
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center"><span class="is-new badge badge-danger badge-pill">New</span>
                                <h4 class="card-title mb-0 text-capitalize">Payment Services</h4>
                                <nav class="btn-group ml-auto"><a href="payment-services.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/14.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">Ecommerce</h4>
                                <nav class="btn-group ml-auto"><a href="shop/" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/13.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">Business Solutions</h4>
                                <nav class="btn-group ml-auto"><a href="business-solutions.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/12.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center"><span class="is-new badge badge-danger badge-pill">New</span>
                                <h4 class="card-title mb-0 text-capitalize">App Landing</h4>
                                <nav class="btn-group ml-auto"><a href="app-landing-2.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/10.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center"><span class="is-new badge badge-danger badge-pill">New</span>
                                <h4 class="card-title mb-0 text-capitalize">Integration</h4>
                                <nav class="btn-group ml-auto"><a href="integration.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/11.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">Corporate</h4>
                                <nav class="btn-group ml-auto"><a href="corporate.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/1.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">Startup</h4>
                                <nav class="btn-group ml-auto"><a href="startup.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/2.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">Saas</h4>
                                <nav class="btn-group ml-auto"><a href="saas.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/3.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">Developer</h4>
                                <nav class="btn-group ml-auto"><a href="developers.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/4.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">Payment</h4>
                                <nav class="btn-group ml-auto"><a href="online-payment.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/6.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">Business</h4>
                                <nav class="btn-group ml-auto"><a href="smart-business.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/7.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">Marketing</h4>
                                <nav class="btn-group ml-auto"><a href="automate-social.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/8.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">Social</h4>
                                <nav class="btn-group ml-auto"><a href="social.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/5.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="card card-demo card--blog shadow-box border-0">
                            <div class="card-body d-flex align-items-center">
                                <h4 class="card-title mb-0 text-capitalize">App Landing</h4>
                                <nav class="btn-group ml-auto"><a href="app-landing.html" target="_blank" class="btn btn-warning btn-rounded px-3 shadow-none"><i class="icon fas fa-desktop"></i> <span class="demo-link-text">Demo</span></a></nav>
                            </div>
                            <figure class="preview-overlay m-0">
                                <div class="preview-pane">
                                    <div class="preview-page" data-simplebar><img class="card-img-bottom img-responsive" src="img/demo/screen/9.png" alt=""></div>
                                </div>
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section">
            <div class="container bring-to-front">
                <div class="shadow rounded text-center bg-info-gradient text-contrast p-5">
                    <h2 class="mb-5">Want to be an entrepreneur?</h2>
                    <p class="handwritten highlight font-md">Buy Dashcore Now!!!</p><a href="https://themeforest.net/item/dashcore-saas-startup-software-template/22397137" target="_blank" class="btn btn-lg btn-warning btn-rounded mt-3">Get it now</a>
                </div>
            </div>
        </section>
        <footer class="site-footer section text-center bg-light block bg-light edge top-left">
            <div class="container pb-4">
                <div class="section-heading">
                    <h2 class="font-md">Stay updated</h2>
                    <p class="lead text-secondary">We are actively adding more and more features as well as improving those already included. Please enter your email bellow to stay always up to date.</p>
                </div>
                <div class="row">
                    <div class="col-12 col-md-6 mx-auto overflow-hidden">
                        <form action="srv/subscribe.php" class="form" data-response-message-animation="slide-in-left" novalidate="novalidate">
                            <div class="input-group"><input type="email" name="Subscribe[email]" class="form-control rounded-circle-left" placeholder="Enter your email" required="">
                                <div class="input-group-append"><button class="btn btn-rounded btn-primary" type="submit">Register</button></div>
                            </div>
                        </form>
                        <div class="response-message"><i class="fas fa-check-circle font-lg text-primary"></i>
                            <p class="font-md m-0">Thank you!</p>
                            <p class="bold message">You are now subscribed to our newsletter.</p>
                        </div>
                    </div>
                </div>
                <hr class="mt-5">
                <div class="row align-items-center">
                    <div class="col-md-2 text-center mx-auto"><img src="img/logo.png" alt="" class="logo">
                        <p class="mt-2 mb-0 text-secondary small">© 2018 <a class="brand bold" target="_blank" href="https://5studios.net">5studios.net</a>. All Rights Reserved</p>
                    </div>
                </div>
            </div>
        </footer>
    </main><!-- themeforest:js -->
    <script src="js/01.cookie-consent-util.js"></script>
    <script src="js/02.1.cookie-consent-themes.js"></script>
    <script src="js/02.2.cookie-consent-custom-css.js"></script>
    <script src="js/02.3.cookie-consent-informational.js"></script>
    <script src="js/02.4.cookie-consent-opt-out.js"></script>
    <script src="js/02.5.cookie-consent-opt-in.js"></script>
    <script src="js/02.6.cookie-consent-location.js"></script>
    <script src="js/card.js"></script>
    <script src="js/counterup2.js"></script>
    <script src="js/index.js"></script>
    <script src="js/noframework.waypoints.js"></script>
    <script src="js/odometer.min.js"></script>
    <script src="js/prism.js"></script>
    <script src="js/simplebar.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/jquery.smartWizard.js"></script>
    <script src="js/plugins/jquery.animatebar.js"></script>
    <script src="js/feather.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/typed.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <script src="js/cookieconsent.min.js"></script>
    <script src="js/common-script.js"></script>
    <script src="js/forms.js"></script>
    <script src="js/stripe-bubbles.js"></script>
    <script src="js/stripe-menu.js"></script>
    <script src="js/cc.js"></script>
    <script src="js/pricing.js"></script>
    <script src="js/shop.js"></script>
    <script src="js/svg.js"></script>
    <script src="js/site.js"></script>
    <script src="js/03.demo.js"></script><!-- endinject -->
</body>

</html>